<template>
    <div>
        <el-container>
            <el-header height="10vh">
                <HomeHeader/>
            </el-header>
            <el-container>
                <el-aside width="20vw">
                    <Aside/>
                </el-aside>
                <el-main>

                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import HomeHeader from '@/components/home/HomeHeader.vue'
import Aside from "@c/aside/Aside.vue"
export default {
    components:{
        HomeHeader,
        Aside,
    }
}
</script>

<style lang="scss" scoped>
div {
    .el-header {
        background-color: #B3C0D1;
        color: #333;
    }

    .el-aside {
        background-color: #D3DCE6;
        color: #333;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
    }
}
</style>